<template>
  <div>
    <the-header/>
    <router-view class="music-content"/>
    <song-audio/>
    <the-aside/>
    <play-bar/>
    <PcUp/>
    <the-footer/>
  </div>
</template>

<script>
import TheHeader from '@/views/components/TheHeader';
import TheFooter from '@/views/components/TheFooter';
import SongAudio from '@/views/components/SongAudio';
import TheAside from '@/views/components/TheAside';
import PlayBar from '@/views/components/PlayBar';
import PcUp from '../../../components/myComponents/components/pc_up/index'

export default {
  name: 'indexM',
  components: {
    TheHeader,
    TheFooter,
    SongAudio,
    TheAside,
    PlayBar,
    PcUp
  }
}
</script>

<style lang="scss" scoped>
@import '~@/assets/css/index.scss';
@import '~@/assets/css/app.scss';
</style>
